/* user_pkg/pages/addaddress/addaddress.wxss */
Page {
    background-color: #f1f1f2;
}

.add-box {
    width: 100%;
    padding-top: 40rpx;
    padding-left: 24rpx;
    padding-right: 24rpx;
    box-sizing: border-box;

    .text {
        font-size: 30rpx;
        color: #888;
        font-weight: 400;
    }

    .add-card {
        position: relative;
        margin-top: 20rpx;
        padding: 22rpx 40rpx;
        box-sizing: border-box;
        width: 702rpx;
        height: 484rpx;
        background-color: #fff;
        box-shadow: 0rpx 2rpx 4rpx 0rpx rgba(0,0,0,0.05);
        border-radius: 16rpx;

        .row {
            display: flex;
            align-items: center;
            border-bottom: 1rpx solid #f3f1f2;

            text {
                display: block;
                margin-top: 22rpx;
                margin-bottom: 22rpx;
                width: 144rpx;
                font-size: 30rpx;
                line-height: 76rpx;
                color: #303333;
                font-weight: 400;
            }

            input {
                margin-top: 22rpx;
                margin-bottom: 22rpx;
            }

            .picker {
                margin-top: 22rpx;
                margin-bottom: 22rpx;
            }
        }

        .tip {
            position: absolute;
            font-size: 20rpx;
            color: #F9211C;
        }
    
        .name-tip {
            top: 85rpx;
        }

        .phone-tip {
            top: 205rpx;
        }

        .region-tip {
            top: 325rpx;
        }

        .detail-tip {
            top: 445rpx;
        }
    }

    button::after {
        border: none;
    }

    button {
        margin-top: 65rpx;
        width: 702rpx;
        height: 80rpx;
        background-image: linear-gradient(90deg, #F9211C 0%, #FF6335 100%);
        border-radius: 40rpx;
        font-size: 28rpx;
        color: #fff;
        line-height: 80rpx;
        font-weight: 400;
    }
}

.placeholder-style {
    color: #999;
}